<template>
  <div class="dashboard-container">
    <h1>在线问卷调研决策系统</h1>
    <el-carousel :interval="4000" type="card" height="500px">
      <el-carousel-item v-for="item in images" :key="item">
        <el-image :src="item"></el-image>
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  name: 'Dashboard',
  data() {
    return {
      images: [
        require('../../icons/lun1.jpg'),
        require('../../icons/lun2.jpg'),
        require('../../icons/lun3.jpg')
      ]
    }
  },
  computed: {
    ...mapGetters([
      'name'
    ])
  }
}
</script>

<style lang="scss" scoped>
.dashboard-container {
  text-align: center;

  h1 {
    margin-bottom: 70px;
  }
}
</style>
